
import React from 'react';
import { BrowserRouter } from 'react-router-dom'
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
// 引入配置函数
import { registerMicroApps, start } from 'qiankun';


// 配置两个子应用
registerMicroApps([
  {
    // 子应用的名称
    name: 'qk-micro-react',
    // 子应用容器ID，需要在敷应用中创建相关元素
    container: '#qk-micro-react',
    // 子应用进入地址
    entry: 'http://localhost:3001',
    // 激活子应用的路由
    activeRule: '/qk-micro-react',
  },
  {
    name: 'qk-micro-vue',
    container: '#qk-micro-vue',
    entry: 'http://localhost:3012',
    activeRule: '/qk-micro-vue',
  }
]);

// 启动 qiankun
start({
  sandbox: {
    // 样式隔离特性
    experimentalStyleIsolation: true,
  }
});

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);